<template>
    <view>
        <sundeheng-custom bgColor="" :isBack="icon">
			<block slot="backText">
				<view class="iconfonts" :style="{color:iconColor}" :class="{bgcolor:bgcolor}">
				<text class='iconfont' @click="handelToBack">&#xe508;</text>|
				<text class='iconfont' @click="handelToHome">&#xe64f;</text>
				</view>
			</block>
			<block slot="content"><text :style={color:color}>{{title}}</text></block>
			</sundeheng-custom>
    </view>
</template>	

<script>
    export default {
       props:['title','icon','color','iconColor','bgcolor'],
	   methods:{
		   handelToBack () {
			   uni.navigateBack()
		   },
		   handelToHome () {
			   uni.navigateTo({
			   	url:'../../pages/index/index'
			   })
		   }
	   }
    }
</script>
<style lang="less">
	.iconfonts {
		width: 100px;
		height: 35px;
		color: #fff;
		display: flex;
		justify-content: space-around;
		align-items: center;
		border-radius: 15px;
		background-color: rgba(0, 0, 0, .5);
	}
	.bgcolor {
		background-color: #fff;
		border: 1px solid #eee;
	}
</style>